<template>
  <div>
    <van-dropdown-menu>
      <van-dropdown-item disabled title="综合" />
      <van-dropdown-item
        title="价格"
        :value="price "
        :options="priceOption"
        @click="priceChange"
      />
      <van-dropdown-item
        title="分类"
        :value="category"
        :options="filterCategory"
        @click="categoryChange"
      />
    </van-dropdown-menu>
    <Goods :goodsList="goodsList"></Goods>
  </div>
</template>

<script>
import Goods from "../Goods.vue"
export default {
    components:{
        Goods
    },
    props:["filterCategory","goodsList"],
  data() {
    return {
        category:"",
      price:0,
        priceOption:[
            { text: '价格由高到低', value: "desc"},
            { text: '价格由低到高', value: "asc" }
        ]
    };
  },
  methods:{
      categoryChange(){

      },
      priceChange(){

      }
  }
};
</script>
 
<style lang = "less" scoped>
</style>